<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>时间轴</title>
    <link rel="stylesheet" href="./view/时间轴/styles.css">
</head>
<body>
<!-- Unnamed (Vertical Line) -->
<div id="u9600" class="ax_default line">
    <img id="u9600_img" class="img " src="assets/images/时间轴/u9600.svg"/>
    <div id="u9600_text" class="text " style="display:none; visibility: hidden">
        <p></p>
    </div>
</div>

<!-- Unnamed (Vertical Line) -->
<div id="u9601" class="ax_default line">
    <img id="u9601_img" class="img " src="assets/images/时间轴/u9601.svg"/>
    <div id="u9601_text" class="text " style="display:none; visibility: hidden">
        <p></p>
    </div>
</div>

<!-- 时间轴 Unnamed (Rectangle) -->
<div id="u9707" class="ax_default heading_1">
    <div id="u9707_div" class=""></div>
    <div id="u9707_text" class="text ">
        <p><span>Timeline 时间轴</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u9708" class="ax_default heading_1">
    <div id="u9708_div" class=""></div>
    <div id="u9708_text" class="text ">
        <p><span>概述</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u9709" class="ax_default label">
    <div id="u9709_div" class=""></div>
    <div id="u9709_text" class="text ">
        <p><span>对一系列信息进行时间排序时，垂直地展示。</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u9710" class="ax_default label">
    <div id="u9710_div" class=""></div>
    <div id="u9710_text" class="text ">
        <p><span>基础用法</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u9711" class="ax_default label">
    <div id="u9711_div" class=""></div>
    <div id="u9711_text" class="text ">
        <p><span>最简单定义一个时间轴的用法。</span></p>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u9712" class="ax_default" data-left="230" data-top="327" data-width="110" data-height="76">

    <!-- Unnamed (Rectangle) -->
    <div id="u9713" class="ax_default label">
        <div id="u9713_div" class=""></div>
        <div id="u9713_text" class="text ">
            <p><span>1976年</span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u9714" class="ax_default label">
        <div id="u9714_div" class=""></div>
        <div id="u9714_text" class="text ">
            <p><span>Apple I 问世</span></p>
        </div>
    </div>

    <!-- Unnamed (Ellipse) -->
    <div id="u9715" class="ax_default ellipse">
        <img id="u9715_img" class="img " src="assets/images/时间轴/u9715.svg"/>
        <div id="u9715_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u9716" class="ax_default" data-left="230" data-top="403" data-width="133" data-height="76">

    <!-- Unnamed (Rectangle) -->
    <div id="u9717" class="ax_default label">
        <div id="u9717_div" class=""></div>
        <div id="u9717_text" class="text ">
            <p><span>1984年</span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u9718" class="ax_default label">
        <div id="u9718_div" class=""></div>
        <div id="u9718_text" class="text ">
            <p><span>发布 Macintosh</span></p>
        </div>
    </div>

    <!-- Unnamed (Ellipse) -->
    <div id="u9719" class="ax_default ellipse">
        <img id="u9719_img" class="img " src="assets/images/时间轴/u9715.svg"/>
        <div id="u9719_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u9720" class="ax_default" data-left="230" data-top="479" data-width="110" data-height="76">

    <!-- Unnamed (Rectangle) -->
    <div id="u9721" class="ax_default label">
        <div id="u9721_div" class=""></div>
        <div id="u9721_text" class="text ">
            <p><span>2007年</span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u9722" class="ax_default label">
        <div id="u9722_div" class=""></div>
        <div id="u9722_text" class="text ">
            <p><span>发布 iPhone</span></p>
        </div>
    </div>

    <!-- Unnamed (Ellipse) -->
    <div id="u9723" class="ax_default ellipse">
        <img id="u9723_img" class="img " src="assets/images/时间轴/u9715.svg"/>
        <div id="u9723_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u9724" class="ax_default" data-left="230" data-top="555" data-width="94" data-height="76">

    <!-- Unnamed (Rectangle) -->
    <div id="u9725" class="ax_default label">
        <div id="u9725_div" class=""></div>
        <div id="u9725_text" class="text ">
            <p><span>2010年</span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u9726" class="ax_default label">
        <div id="u9726_div" class=""></div>
        <div id="u9726_text" class="text ">
            <p><span>发布 iPad</span></p>
        </div>
    </div>

    <!-- Unnamed (Ellipse) -->
    <div id="u9727" class="ax_default ellipse">
        <img id="u9727_img" class="img " src="assets/images/时间轴/u9715.svg"/>
        <div id="u9727_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u9728" class="ax_default" data-left="230" data-top="631" data-width="152" data-height="76">

    <!-- Unnamed (Rectangle) -->
    <div id="u9729" class="ax_default label">
        <div id="u9729_div" class=""></div>
        <div id="u9729_text" class="text ">
            <p><span>2011年10月5日</span></p>
        </div>
    </div>

    <!-- Unnamed (Rectangle) -->
    <div id="u9730" class="ax_default label">
        <div id="u9730_div" class=""></div>
        <div id="u9730_text" class="text ">
            <p><span>史蒂夫·乔布斯去世</span></p>
        </div>
    </div>

    <!-- Unnamed (Ellipse) -->
    <div id="u9731" class="ax_default ellipse">
        <img id="u9731_img" class="img " src="assets/images/时间轴/u9715.svg"/>
        <div id="u9731_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u9732" class="ax_default label">
    <div id="u9732_div" class=""></div>
    <div id="u9732_text" class="text ">
        <p><span>圆圈颜色</span></p>
    </div>
</div>

<!-- Unnamed (Rectangle) -->
<div id="u9733" class="ax_default label">
    <div id="u9733_div" class=""></div>
    <div id="u9733_text" class="text ">
        <p><span>用各种颜色来标识不同状态</span></p>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u9734" class="ax_default" data-left="800" data-top="328" data-width="88" data-height="43">

    <!-- Unnamed (Rectangle) -->
    <div id="u9735" class="ax_default label">
        <div id="u9735_div" class=""></div>
        <div id="u9735_text" class="text ">
            <p><span>发布1.0版本</span></p>
        </div>
    </div>

    <!-- Unnamed (Ellipse) -->
    <div id="u9736" class="ax_default ellipse">
        <img id="u9736_img" class="img " src="assets/images/时间轴/u9736.svg"/>
        <div id="u9736_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u9737" class="ax_default" data-left="800" data-top="371" data-width="91" data-height="43">

    <!-- Unnamed (Rectangle) -->
    <div id="u9738" class="ax_default label">
        <div id="u9738_div" class=""></div>
        <div id="u9738_text" class="text ">
            <p><span>发布2.0版本</span></p>
        </div>
    </div>

    <!-- Unnamed (Ellipse) -->
    <div id="u9739" class="ax_default ellipse">
        <img id="u9739_img" class="img " src="assets/images/时间轴/u9736.svg"/>
        <div id="u9739_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u9740" class="ax_default" data-left="800" data-top="414" data-width="73" data-height="43">

    <!-- Unnamed (Rectangle) -->
    <div id="u9741" class="ax_default label">
        <div id="u9741_div" class=""></div>
        <div id="u9741_text" class="text ">
            <p><span>严重故障</span></p>
        </div>
    </div>

    <!-- Unnamed (Ellipse) -->
    <div id="u9742" class="ax_default ellipse">
        <img id="u9742_img" class="img " src="assets/images/时间轴/u9742.svg"/>
        <div id="u9742_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>
</div>

<!-- Unnamed (Group) -->
<div id="u9743" class="ax_default" data-left="800" data-top="457" data-width="91" data-height="43">

    <!-- Unnamed (Rectangle) -->
    <div id="u9744" class="ax_default label">
        <div id="u9744_div" class=""></div>
        <div id="u9744_text" class="text ">
            <p><span>发布3.0版本</span></p>
        </div>
    </div>

    <!-- Unnamed (Ellipse) -->
    <div id="u9745" class="ax_default ellipse">
        <img id="u9745_img" class="img " src="assets/images/时间轴/u9715.svg"/>
        <div id="u9745_text" class="text " style="display:none; visibility: hidden">
            <p></p>
        </div>
    </div>
</div>
</body>
</html>
